page {
  background-color: #fff;
}

.second-floor {
  color: #fff;

  scroll-snap-align  : start;
  scroll-snap-stop   : always;
  position           : relative;
  background-size    : cover;
  background-position: bottom center;
  height             : 100%;
  position           : absolute;
  width              : 100%;
  background-image   : url(https://test.wzs.pub/pic/taobao.png);

  &.show {
    background-position: top center;
    background-size    : auto 150%;
  }

  .second-search {
    // width  : 100vw;
    // display: flex;
    padding       : 10vh 50rpx 30rpx;
    // padding-top: 10vh;
  }

  .search-inner {
    background-color: #7d6f93 !important;
  }

  .recently-used {
    color        : #fff;
    padding      : 0 50rpx;
    margin-bottom: 50rpx;

    .title {
      font-weight    : bold;
      font-size      : 32rpx;
      margin-bottom  : 30rpx;
      display        : flex;
      justify-content: space-between;

      &>view {
        font-weight: normal;
        font-size  : 24rpx;
        align-items: center;
      }
    }

    .list {
      display  : flex;
      flex-wrap: wrap;

      .item {
        text-align: center;
        font-size : 28rpx;
        width     : 20%;

        .icon {
          width                 : 3em;
          height                : 3em;
          background-color      : #ccc;
          border-radius         : 100%;
          margin                : 0 auto;
          // background-image   : url(https://test.wzs.pub/pic/xian.jpg);
          background-position   : center;
          background-size       : cover;
        }

        .name {
          margin: 20rpx 0
        }
      }
    }
  }

  .my-used {
    .list {
      border          : 1px dashed #7d6f93;
      border-radius   : 20rpx;
      padding-top     : 20rpx;
      background-color: rgba(#3a1938, 0.3);
    }
  }
}

.weui-cell.weui-check__label {
  display    : flex;
  align-items: center;
}

.demopage {
  .pannel-inner {
    .scroller-pannel {
      .des {
        text-align   : left;
        margin-bottom: 20rpx;
      }
    }
  }

}

radio-group {
  display        : flex;
  justify-content: space-between;
  margin-bottom  : 20rpx;
}

.detail-page {
  width          : 100%;
  height         : 100%;
  min-height     : 300px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.second-floor-refresh {
  background-color: rgba(#7d6f93, 0);
  transition      : all .4s;
}

.second-floor-refresh-back {
  background-color: rgba(#7d6f93, 1);
  transition      : all .4s;
}